//开发模式下的webpack配置
const base =require('./webpack.baseconfig.js');
const marge = require('webpack-merge').merge;//合并webpack配置文件的一个API
const webpack = require('webpack');
module.exports = marge( base, {
  mode: 'development',
  devtool:'eval-cheap-source-map',//‘eval-cheap-source-map’便于浏览器F12查看源码时，是原代码而非打包后的代码。默认值为none代表打包代码。
  devServer:{
    port:1000,
    hot:true,
    // proxy: [
    //   {
    //       context: ['/', '/num1', '/num2'], // 需要代理的上下文
    //       target: 'http://123.123.123:8000/',
    //       pathRewrite: {
    //           '^/num1': '/api/getNum1',
    //           '^/num2': '/api/getNum2',
    //       },
    //       changeOrigin: true, // 可选，帮助处理 CORS 问题
    //       headers: {
    //           // 如果需要，可以在这里添加自定义头部
    //       }
    //   }
    // ]
  },
  plugins:[
    //如果想在配置文件之外拿到环境变量，如在业务代码获取环境变量需要通过该插件
    new webpack.DefinePlugin({
      "process.env": {
        NODE_ENV: JSON.stringify(process.env.NODE_ENV),//通过结合process.env.NODE_ENV
        baseUrl:JSON.stringify('www.development.com'),
      },
      ppp:123
    })
  ]
})